<?php
require_once('../autenticar/checkActiveSessionAdmin.php');
require_once('header.php');
?>
<div class="tituloIconoPaginas">
    <img src="img/boton-icono/icono-evento.png" class="iconoTitulo"/>
    <span>REGISTRAR EVENTO</span>
</div>

<div class="contenedor">
    <form id="agregarevento" action="backend/agregar_evento.php" method="post" enctype="multipart/form-data">
        <div class="registroFormulario">
            <div class="camposForm">
                <span class="letrasForm" >Nombre del evento*</span>
                <input class="input-1"  type="text" name="nombre" id="nombre"/>
            </div>
            <div class="camposForm">
                <span class="letrasForm">Descripción del evento</span>
                <textarea class="input-3"name="descripcion" cols="50" rows="5"></textarea>
            </div>
            
            <div class="camposForm">
                <span class="letrasForm">Duración días</span>
                <input class="input-2" type="date" value="<?=date('Y-m-d'); ?>" name="f_inicio" id="f_inicio"/>
                <input class="input-2" type="date" value="<?=date('Y-m-d'); ?>" name="f_fin" id="f_fin"/>
                <span class="subletrasForm">Fecha inicio*</span>
                <span class="subletrasForm">Fecha fin*</span>
            </div>
            <div class="camposForm">
                <span class="letrasForm">Duración horas</span>
                <input class="input-2" type="text" name="hora_inicio" id="hora_inicio"/>
                <input class="input-2" type="text" name="hora_fin" />
                <span class="subletrasForm">Hora inicio*</span>
                <span class="subletrasForm">Hora fin</span>
            </div>
            <div class="camposForm">
                <span class="letrasForm">Dirección *</span>
                <input class="input-1" onclick ="this.value=''" type="text" name="direccion" id="direccion" value="Goldsmith #40, Col. Polanco, Del. Miguel Hidalgo, Ciudad de México, D.F."/>
                <input class="input-2" onclick ="this.value=''" style="margin-top:2%;" type="text" name="latitud" value="19.431007" />
                <input class="input-2" onclick ="this.value=''" style="margin-top:2%;" type="text" name="longitud" value="-99.200961" />
                <span class="subletrasForm">Latitud</span>
                <span class="subletrasForm">Longitud</span>
            </div>
            <div class="camposForm">
                <span class="letrasForm">Costo</span>
                <input class="input-1" type="text" name="costo" />
            </div>
            <div class="camposForm">
                <span class="letrasForm">Imagen del evento:</span>
                <input class="input-5"  type="file" name="foto" size="35"/>
            </div>
            <div class="camposForm">
                <span class="letrasForm">URL de PayPal*</span>
                <input class="input-1" type="text" name="paypal_url" id="paypal_url"/>
            </div>
            <div class="camposForm">
                <span class="letrasForm">Registro de actividades</span>
                    <div id="actividades">
                        
                    </div>
            </div>
            <div class="buttonForm">
                <img  id="enviar-evento" src="img/cursos-eventos-membresias/boton-registrar.png" class="buttonFormDerecho"/>
            </div>
        </div>
    </form>
</div>
<script type="text/javascript">
    function nuevaActividad()
{

$html ='<div class="actividad">';
$html+='<input class="input-6" type="text" name="horario_actividad[]" />';
$html+='<input class="input-6" type="text" name="nombre_actividad[]" />';
$html+='<input class="input-6" type="text" name="lugar_actividad[]" />';
$html+='<span class="subTercioletrasForm">Horario</span>';
$html+='<span class="subTercioletrasForm">Nombre</span>';
$html+='<span class="subTercioletrasForm">Lugar</span>';
$html+='<a href="javascript:nuevaActividad();"><img src="img/acceso-thepool/Mas_boton.png" style="position: absolute; margin-top: -0.3%; margin-left: 0.5%;" /></a>';
$html+='</div>';

$("#actividades").append($html);
}
/*
function nuevaActividad(id){
    for (i=0; i<=id; i++)
    {
        $("#act_"+i).fadeIn(800); 
    }
}*/
$(document).ready(function(){
    
    nuevaActividad();
    
    $('#enviar-evento').click(function(){
    
    
    var $file = false;
    
    $('#agregarevento input[type="file"]').each(function(){ 
    	
    
              var file = $(this).val();
	      var exts = ['png'];
	      // first check if file field has any value
	      if ( file ) {
	        // split file name at dot
	        var get_ext = file.split('.');
	        // reverse name to check extension
	        get_ext = get_ext.reverse();
	        // check file type is valid as given in 'exts' array
	        if ( $.inArray ( get_ext[0].toLowerCase(), exts ) > -1 ){

	        } else {
	          $file = true;
	          alert( 'Formato Invalido. Solo se admiten PNG' );
	          return;
	        }
	      }else
	      $file = true;
      
	
    });
    
    
		var n = $('#agregarevento #nombre').val();
		var fi = $('#agregarevento #f_inicio').val();
                var ff = $('#agregarevento #f_fin').val();
                var hi = $('#agregarevento #hora_inicio').val();
                var di = $('#agregarevento #direccion').val();
                var p = $('#agregarevento #paypal_url').val();
                
		if( ($file || n == '' || fi == '' || ff == '' || hi == ''  || di == ''  || p == '') ){
			alert('Por favor llene todos sus datos e intente nuevamente!');
			return;
		}else{
                    $('#agregarevento').submit();
                }
	});
});
</script>

<?php
require_once('footer.php');
?>